<!DOCTYPE HTML>
<html lang="en-US">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<title>桥梁在线后台管理系统</title>
		<meta name="keywords" content="桥梁,桥梁网,桥梁在线,桥梁设计,桥梁信息,桥梁结构,桥梁加固,桥梁检测">
		<meta name="description" content="桥梁在线（http://www.bridgebj.com/）是国内专业的路桥行业网站。">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- Favicon -->
		<link rel="icon" href="static/image/homepage/icon.png" type="image/x-icon">
		<!-- bootstrap CSS -->
		<link rel="stylesheet" href="static/css/bootstrap.min.css" type="text/css" media="all">
		<!-- carousel CSS -->
		<link rel="stylesheet" href="static/css/owl.carousel.min.css" type="text/css" media="all">
		<!-- animate CSS -->
		<link rel="stylesheet" href="static/css/animate.css" type="text/css" media="all">
		<!-- font-awesome CSS -->
		<link rel="stylesheet" href="static/css/all.min.css" type="text/css" media="all">
		<!-- font-flaticon CSS -->
		<link rel="stylesheet" href="static/css/flaticon.css" type="text/css" media="all">
		<!-- theme-default CSS -->
		<link rel="stylesheet" href="static/css/theme-default.css" type="text/css" media="all">
		<!-- meanmenu CSS -->
		<link rel="stylesheet" href="static/css/meanmenu.min.css" type="text/css" media="all">
		<!-- transitions CSS -->
		<link rel="stylesheet" href="static/css/owl.transitions.css" type="text/css" media="all">
		<!-- venobox CSS -->
		<link rel="stylesheet" href="static/css/venobox.css" type="text/css" media="all">
		<!-- bootstrap icons -->
		<link rel="stylesheet" href="static/css/bootstrap-icons.css" type="text/css" media="all">
		<!-- Slick Slider -->
		<link rel="stylesheet" type="text/css" href="static/css/slick.css">
		<link rel="stylesheet" type="text/css" href="static/css/slick-theme.css">
		<!-- Main Style CSS -->
		<link rel="stylesheet" href="static/css/style.css?v=sh123456789" type="text/css" media="all">
		<!-- Dropdown CSS -->
		<link rel="stylesheet" href="static/css/dropdown.css" type="text/css" media="all">
		<!-- responsive CSS -->
		<link rel="stylesheet" href="static/css/responsive.css?v=sh123456789" type="text/css" media="all">
		<!-- rangeslider CSS -->
		<link rel="stylesheet" href="static/css/rangeslider.css" type="text/css" media="all">
		<!-- modernizr js -->
		<script src="static/js/modernizr-3.5.0.min.js"></script>
		<style>
			.about-area {
				background: linear-gradient(180deg, rgba(137, 198, 255, 0.6) 0%, rgba(191, 201, 255, 0) 100%);

			}

			.section-main-title h2 {
				color: rgba(81, 49, 0, 1);
				text-align: center;
			}

			.section-main-title.about h2 {
				margin-bottom: 10px;
			}

			.about-discription p {
				white-space: pre-wrap;
				color: rgba(81, 48, 0, 1);
				padding: 0px 50px;
			}

			.section-sub-titile {
				text-align: center;
			}

			.section-sub-titile h4 {
				color: rgba(81, 49, 0, 1);
			}

			.section-sub-titile h4::before {
				display: none;
			}
		</style>
	</head>

	<body>
		<!--==================================================-->
		<!-- Start Topbar Area -->
		<!--==================================================-->
		<!--==================================================-->
		<!-- End Topbar Area -->
		<!--==================================================-->


		<!--==================================================-->
		<!-- Start Header Area -->
		<!--==================================================-->
		<div ng-app="mainApp" ng-controller="main" class="box">
			<header class="header-area" id="sticky-header">
				<div class="row align-items-center">
					<div class="col-lg-3">
						<div class="logo pl-90">
							<a href=""><img src="static/image/homepage/logol.png" alt=""></a>
						</div>
					</div>
					<div class="col-lg-6">
						<div class="header-menu">
							<ul>
								<li><a href="index.html">首页 </a></li>
								<li><a href="organ.html">机构</a></li>
								<li><a href="policy.html">政策 </a>
								</li>
								<li><a href="dongtai.html">动态</a>
								</li>
								<li><a href="account.html">清单 </a>
								</li>
								<li><a href="resource.html">资源 </a>
								</li>
								<li><a href="academic.html">学术</a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-3">
						<div class="">
							<form action="#" method="post" id="ttime">
							<div class="newsletter-form " >
									<div class="form-field">
										<input type="email" name="EMAIL" placeholder="输入要搜索的内容" required="">
										<button class="newsletter-button" type="submit"><i
												class="bi bi-search"></i></button>
									</div>
								</div>
								<div id="post"></div>
							</form>
							<a href="http://admin.bridgebj.com/" target="_blank" class="pl-25 login-btn"><img
									src="static/image/homepage/login.svg" alt=""></a>
						</div>
					</div>
				</div>
				<div class="container">

				</div>
			</header>

			<!-- paints Mobile Menu Area -->
			<div class="mobile-menu-area" id="navbar">
				<div class="mobile-menu">
					<div class="mobile-logo">
						<a href=""><img src="static/image/homepage/logol.png" alt=""></a>
					</div>
					<div class="side-menu-info">
						<div class="sidebar-menu">
							<a class="navSidebar-button" href="#"><i class="bi bi-justify-right"></i></a>
						</div>
					</div>
				</div>
			</div>
			<!--==================================================-->
			<!-- End Header Area -->
			<!--==================================================-->
			<!-- Start About Area -->
			<!--==================================================-->
			<div class="about-area inner-page  wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12">
							<div class="about-content wow fadeInLeft" data-wow-delay="0.2s" data-wow-duration="1s">
								<div class="section-title wow fadeInLeft" data-wow-delay="0.4s" data-wow-duration="1s">
									<div class="section-main-title about">
										<h2>关于我们</h2>
									</div>
									<div class="section-sub-titile about">
										<h4>About Us</h4>
									</div>
								</div>
								<div class="about-discription wow fadeInUp" data-wow-delay="0.6s"
									data-wow-duration="1s">
									<p id="targetElement"></p>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
			<!--==================================================-->
			<!-- End About Area -->
			<!--==================================================-->
			<!--==================================================-->
			<!-- Start 手机端 Sidebar Area -->
			<!--==================================================-->
			<div class="sidebar-group info-group">
				<div class="sidebar-widget">
					<div class="sidebar-widget-container">
						<div class="widget-heading">
							<a href="#" class="close-side-widget">
								<i class="bi bi-x-lg"></i>
							</a>
						</div>
						<div class="sidebar-textwidget">
							<div class="sidebar-info-contents">
								<div class="content-inner">
									<div class="sidebar-logo">
										<a href="index.html"><a href=""><img src="static/image/homepage/logol.png"
													alt=""></a></a>
									</div>
									<div class="sidebar-widget-menu">
										<ul>
											<li class="shouye dropdown"><a href="index.html"
													data-toggle="dropdown">首页</a></li>
											<li class="jigou dropdown"><a href="organ.html"
													data-toggle="dropdown">机构</a></li>
											<li class="zheng dropdown"><a href="policy.html"
													data-toggle="dropdown">政策</a>
											</li>
											<li class="dongtai dropdown"><a href="dongtai.html"
													data-toggle="dropdown">动态</a>
											</li>
											<li class="qingdan dropdown"><a href="account.html"
													data-toggle="dropdown">清单</a>
											</li>
											<li class="ziyuan dropdown"><a href="resource.html"
													data-toggle="dropdown">资源</a>
											</li>
											<li class="xue dropdown"><a href="academic.html"
													data-toggle="dropdown">学术</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--==================================================-->
			<!-- End Sidebar Area -->
			<!--==================================================-->

			<!--==================================================-->
			<!-- Start Footer Area -->
			<!--==================================================-->
			<div class="footer-area">
				<div class="container">
					<div class="row">
						<div class="col-lg-2">
						</div>
						<div class="col-lg-5 col-md-6" style="border-right: 1px solid rgba(81, 49, 0, 1);">
							<div class="row">
								<div class="col-lg-10">
									<div class="footer-wiget wow ">
										<div class="footer-wiget-title">
											<h4><img class="bottomLogol" src="static/image/homepage/bottomLogol.png"
													alt=""></h4>
										</div>
										<div class="footer-wiget-menu">
											<ul>
												<li><a href="about.html"><img class="pb-10"
															src="static/image/homepage/about.png" alt=""></a></li>
												<li><a href="#"><i
															class="glyphicon glyphicon-font"></i>联系邮箱</a>|<span>lixuyang@bucea.edu.cn</span>
												</li>
												<li><a href="#">主办单位</a>|<span>北京艺筑科技有限公司</span></li>
												<li><a href="#">学术支持单位</a>|<span>北京建筑大学古桥研究院</span></li>
												<li><a href="#"> 内容指导单位</a>|<span>北京茅以升科技教育基金会</span></li>
												<li><a href="#"> 法律顾问</a>|<span>北京市康达律师事务所&nbsp;&nbsp;张伯阳律师</span></li>
												<li><a href="#"> 项目支持单位</a>|<span>北京文化艺术基金</span></li>
											</ul>
										</div>
									</div>
								</div>
								<div class="col-lg-2">
								</div>
							</div>

						</div>
						<div class="col-lg-4 col-md-6">
							<div class="footer-wiget wow  pt-45">
								<div class="footer-wiget-title pb-10">
									<h4><img src="static/image/homepage/erweima.png" alt=""></h4>
								</div>
								<div class="footer-wiget-menu">
									<ul>
										<li>北京古桥</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-lg-1 col-md-6 pr-0">
						</div>
					</div>
				</div>
				<p class="pt-20 footer-own">Copyright2023 桥梁在线数字桥梁博物馆 All Rights Reserved <a class="gongan"
						href="https://beian.mps.gov.cn/#/query/webSearch?code=11010202010808" target="_blank"><img
							src="static/image/homepage/bei.png" alt="">京公网安备11010202010808号</a> </span>京ICP备202300768号-2
					思源黑体、思源宋体字体免费公益授权 建议使用360极速、Chrome、Firefox浏览器，最佳分辨率1920×1080</p>
				<p class="footer-ali"><img src="static/image/homepage/ali.png"
						alt=""><span>本网站由阿里云提供云计算及安全服务</span>|<span>本网站支持</span><span style="padding-left: 0px;"><img
							src="static/image/homepage/iphone.png" alt=""></span>|
					<span>Powered by CloudDream</span>
				</p>
			</div>
			<!--==================================================-->
			<!-- End Footer Area -->
			<!--==================================================-->

			<!--==================================================-->
			<!-- Start scrollup section Area -->
			<!--==================================================-->
			<!-- scrollup section -->
			<div class="prgoress_scrollup">
				<svg class="progress-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102">
					<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
				</svg>
			</div>
		</div>
		<!--==================================================-->
		<!-- End scrollup section Area -->
		<!--==================================================-->

		<script src="static/js/angular.min.js"></script>
		<!-- jquery js -->
		<script src="static/js/jquery-3.6.2.min.js"></script>
		<script src="static/js/common.js?123456sss"></script>

		<script src="static/js/popper.min.js"></script>

		<!-- bootstrap js -->
		<script src="static/js/bootstrap.min.js"></script>

		<!-- carousel js -->
		<script src="static/js/owl.carousel.min.js"></script>

		<!-- counterup js -->
		<script src="static/js/jquery.counterup.min.js"></script>

		<!-- waypoints js -->
		<script src="static/js/waypoints.min.js"></script>

		<!-- wow js -->
		<script src="static/js/wow.min.js"></script>

		<!-- imagesloaded js -->
		<script src="static/js/imagesloaded.pkgd.min.js"></script>

		<!-- venobox js -->
		<script src="static/js/venobox.js"></script>

		<!--  animated-text js -->
		<script src="static/js/animated-text.js"></script>

		<!-- venobox min js -->
		<script src="static/js/venobox.min.js"></script>

		<!-- isotope js -->
		<script src="static/js/isotope.pkgd.min.js"></script>

		<!-- jquery meanmenu js -->
		<script src="static/js/jquery.meanmenu.js"></script>

		<!-- jquery scrollup js -->
		<script src="static/js/jquery.scrollUp.js"></script>

		<!-- Slick Slider -->
		<script src="static/js/slick.min.js"></script>

		<script src="static/js/jquery.barfiller.js"></script>
		<!-- jquery js -->

		<!-- ragrslider js -->
		<script src="static/js/rangeslider.js"></script>

		<!-- ragrslider js -->
		<script src="static/js/mixitup.min.js"></script>

		<!-- theme js -->
		<script src="static/js/theme.js"></script>

		<!-- scroll js -->
		<script src="static/js/script.js"></script>
		<script src="static/js/about.js"></script>
	</body>

</html>
